import React, {useEffect, useRef,useCallback} from 'react';
import {lazyImg} from '../../assets/js/utils'
import Swiper from 'swiper/bundle';
import Css from "../../assets/css/senc/index.css";
function hoc(WitchComponent) {
    function HocComponent(props) {
        let sencSwiper =useRef(null);
        let time = useRef(null)
        const sencTab = useCallback(()=>{
            sencSwiper.current = new Swiper('#gallery',{
                lazy: {
                    preloaderClass: Css['activeLoading'],
                    loadPrevNext: true,
                },
                thumbs: {
                    swiper: {
                        el: '#thumbs',
                        slidesPerView: 'auto',
                        centerInsufficientSlides: true,
                        watchSlidesVisibility: true,
                    },
                    slideThumbActiveClass: Css['activeasdasdads'],
                },
            })
        },[]);
        //懒加载
       function echo(){
            lazyImg()
        }
        //点击跳转页面
        function goPages(url){
            let strUrl = "^(://)" +
                "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" +//ftp的user@+
                "(([0-9]{1,3}.){3}[0-9]{1,3}" +// IP形式的URL- 199.194.52.184 +
                "|" +// 允许IP和DOMAIN（域名） +
                "([0-9a-z_!~*'()-]+.)*" +// 域名- www. +
                "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]." +// 二级域名 +
                "[a-z]{0,6})" +// first level domain- .com or .museum +
                "(:[0-9]{1,4})?" +// 端口- :80 +
                "((/?)|"  +// a slash isn't required if there is no file name +
                "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";
            let reg = new RegExp(strUrl);
            if (!reg.test(url)){
                window.open(url)
            }else {
                this.props.history.push(window.base.config.path+url)
            }
        }
        useEffect(()=>{
           echo();
           time.current= setTimeout(()=>{

                sencTab();
            },200)
          //页面离开时执行
          return ()=>{
              clearInterval(sencSwiper.current,time.current)
          }
        },[sencTab]);
        let newsProps={
            goPages:goPages
        }
        return(
            <WitchComponent {...props} {...newsProps}></WitchComponent>
        )
    }
    return HocComponent;
}
export default hoc